<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>QuickKnowlege</title>
<link href="css/lanrenzhijia.css" rel="stylesheet" type="text/css" />
<link rel="SHORTCUT ICON" href="favicon.ico">
<link rel="BOOKMARK" href="favicon.ico">
<script type="text/jscript" src="js/jquery-1.10.2.min.js" ></script>
<script type="text/jscript">
function changeOnline(num) {
	if (isNaN(num) && num == "")
		return;
	for (var i = 1; i <=6 ; i++)
	{
		if (i == num)
		{
			document.getElementById("onlineSort" + i).className = "online_bar expand";
			document.getElementById("onlineType" + i).style.display = "block";
		}
		else
		{
			document.getElementById("onlineSort" + i).className = "online_bar collapse";
			document.getElementById("onlineType" + i).style.display = "none";
		}
	}
}

$(document).ready(function(){
  $("#floatShow").bind("click",function(){
    $('#onlineService').animate({width: 'show', opacity: 'show'}, 'normal',function(){ $('#onlineService').show(); });$('#floatShow').attr('style','display:none');$('#floatHide').attr('style','display:block');
	return false;
  });
  $("#floatHide").bind("click",function(){
	$('#onlineService').animate({width: 'hide', opacity: 'hide'}, 'normal',function(){ $('#onlineService').hide(); });$('#floatShow').attr('style','display:block');$('#floatHide').attr('style','display:none');
  });
  $(document).bind("click",function(event){
	if ($(event.target).isChildOf("#online_qq_layer") == false)
	{
	 $('#onlineService').animate({width: 'hide', opacity: 'hide'}, 'normal',function(){ $('#onlineService').hide(); });$('#floatShow').attr('style','display:block');$('#floatHide').attr('style','display:none');
	}
  });
jQuery.fn.isChildAndSelfOf = function(b){
    return (this.closest(b).length > 0);
};
jQuery.fn.isChildOf = function(b){
    return (this.parents(b).length > 0);
};
  //$(window).scroll(function(){ 
	//$('#online_qq_layer').stop().animate({top:$(document).scrollTop() + $("#online_qq_layer").height()}, 100) 
  //}); 
});
</script>
</head>

<body>

<div id="stickey_header">
  <ul id="header_menu">
    <li class="imgmenu"><a href="#"><span>Home</span></a></li>
    <li><a href="#">&nbsp;&nbsp;新&nbsp;&nbsp;闻&nbsp;&nbsp;</a>
    <li><a href="#">&nbsp;&nbsp;事&nbsp;&nbsp;件&nbsp;&nbsp;</a>
    <li><a href="#">&nbsp;&nbsp;刊&nbsp;&nbsp;物&nbsp;&nbsp;</a>
    <li><a href="#">&nbsp;&nbsp;专&nbsp;&nbsp;家&nbsp;&nbsp;</a>
    <li><a href="#">&nbsp;&nbsp;留&nbsp;&nbsp;言&nbsp;&nbsp;</a>
  </ul>
  <ul id="search_bar">
  	<li style="padding:8px; font-weight:bold; cursor:default">搜索专家:</li>
    <li style="padding:5px;"><input type="text" height="40px" /></li>
    <li style="padding:5px;"><a href="#" id="search_button">搜索</a></li>
  </ul>
</div>

<div id="logo">
    <img src="images/qklogo.png" />
    <p style=" font:'Times New Roman', Times, serif;font-size: 24px; color:#000">
    	Quick Knowledge
    </p>
</div>

<div id="main_container">
	<div id="main_left">
    	<div id="display_news" >
        	<div id='box_title'>&nbsp;&nbsp;&nbsp;新闻<span id="more">More</span></div>
            <ul>
            	<li>测试数据啦啦啦<span id='num'>2013-7-12</span></li>
                <li>测试数据啦啦啦<span id='num'>2013-7-12</span></li>
                <li>测试数据啦啦啦<span id='num'>2013-7-12</span></li>
                <li>测试数据啦啦啦<span id='num'>2013-7-12</span></li>
                <li>测试数据啦啦啦<span id='num'>2013-7-12</span></li>
                <li>测试数据啦啦啦<span id='num'>2013-7-12</span></li>
                <li>测试数据啦啦啦<span id='num'>2013-7-12</span></li>
                <li>测试数据啦啦啦<span id='num'>2013-7-12</span></li>
                <li>测试数据啦啦啦<span id='num'>2013-7-12</span></li>
                <li>测试数据啦啦啦<span id='num'>2013-7-12</span></li>
                <li>测试数据啦啦啦<span id='num'>2013-7-12</span></li>
                <li>测试数据啦啦啦<span id='num'>2013-7-12</span></li>
                <li>测试数据啦啦啦<span id='num'>2013-7-12</span></li>
                <li>测试数据啦啦啦<span id='num'>2013-7-12</span></li>
                <li>测试数据啦啦啦<span id='num'>2013-7-12</span></li>
                <li>测试数据啦啦啦<span id='num'>2013-7-12</span></li>
                	
            </ul>
        </div>
        <div id="display_events">
        	<div id='box_title'>&nbsp;&nbsp;&nbsp;活动<span id="more">More</span></div>
            <ul>
            	<li>测试数据啦啦啦<span id='num'>2013-7-12</span></li>
                <li>测试数据啦啦啦<span id='num'>2013-7-12</span></li>
                <li>测试数据啦啦啦<span id='num'>2013-7-12</span></li>
                <li>测试数据啦啦啦<span id='num'>2013-7-12</span></li>
                <li>测试数据啦啦啦<span id='num'>2013-7-12</span></li>
                <li>测试数据啦啦啦<span id='num'>2013-7-12</span></li>
                <li>测试数据啦啦啦<span id='num'>2013-7-12</span></li>
                <li>测试数据啦啦啦<span id='num'>2013-7-12</span></li>
                <li>测试数据啦啦啦<span id='num'>2013-7-12</span></li>
                <li>测试数据啦啦啦<span id='num'>2013-7-12</span></li>
                <li>测试数据啦啦啦<span id='num'>2013-7-12</span></li>
                <li>测试数据啦啦啦<span id='num'>2013-7-12</span></li>
                <li>测试数据啦啦啦<span id='num'>2013-7-12</span></li>
                <li>测试数据啦啦啦<span id='num'>2013-7-12</span></li>
                <li>测试数据啦啦啦<span id='num'>2013-7-12</span></li>
                <li>测试数据啦啦啦<span id='num'>2013-7-12</span></li>
                	
            </ul>
        </div>
        <div id="display_publications">
        	<div id='box_title'>&nbsp;&nbsp;&nbsp;刊物<span id="more">More</span></div>
            <ul>
            	<li>测试数据啦啦啦<span id='num'>2013-7-12</span></li>
                <li>测试数据啦啦啦<span id='num'>2013-7-12</span></li>
                <li>测试数据啦啦啦<span id='num'>2013-7-12</span></li>
                <li>测试数据啦啦啦<span id='num'>2013-7-12</span></li>
                <li>测试数据啦啦啦<span id='num'>2013-7-12</span></li>
                <li>测试数据啦啦啦<span id='num'>2013-7-12</span></li>
                <li>测试数据啦啦啦<span id='num'>2013-7-12</span></li>
                <li>测试数据啦啦啦<span id='num'>2013-7-12</span></li>
                <li>测试数据啦啦啦<span id='num'>2013-7-12</span></li>
                <li>测试数据啦啦啦<span id='num'>2013-7-12</span></li>
                <li>测试数据啦啦啦<span id='num'>2013-7-12</span></li>
                <li>测试数据啦啦啦<span id='num'>2013-7-12</span></li>
                <li>测试数据啦啦啦<span id='num'>2013-7-12</span></li>
                <li>测试数据啦啦啦<span id='num'>2013-7-12</span></li>
                <li>测试数据啦啦啦<span id='num'>2013-7-12</span></li>
                <li>测试数据啦啦啦<span id='num'>2013-7-12</span></li>
              
            </ul>
        </div>
    </div>
    <div id="main_right">
    	<div id="rank_events">
        	<div id='box_title'>&nbsp;&nbsp;&nbsp;活动TOP10<span id="more">More</span></div>
            <ul>
            	<li>测试数据啦啦啦<span id='num'>100</span></li>
                <li>测试数据啦啦啦<span id='num'>100</span></li>
                <li>测试数据啦啦啦<span id='num'>100</span></li>
                <li>测试数据啦啦啦<span id='num'>100</span></li>
                <li>测试数据啦啦啦<span id='num'>100</span></li>
                <li>测试数据啦啦啦<span id='num'>100</span></li>
                <li>测试数据啦啦啦<span id='num'>100</span></li>
                <li>测试数据啦啦啦<span id='num'>100</span></li>
                <li>测试数据啦啦啦<span id='num'>100</span></li>
                <li>测试数据啦啦啦<span id='num'>100</span></li>
                
            </ul>
        </div>
        
        <div id="rank_news">
        	<div id='box_title'>&nbsp;&nbsp;&nbsp;新闻TOP10<span id="more">More</span></div>
            <ul>
            	<li>测试数据啦啦啦<span id='num'>100</span></li>
                <li>测试数据啦啦啦<span id='num'>100</span></li>
                <li>测试数据啦啦啦<span id='num'>100</span></li>
                <li>测试数据啦啦啦<span id='num'>100</span></li>
                <li>测试数据啦啦啦<span id='num'>100</span></li>
                <li>测试数据啦啦啦<span id='num'>100</span></li>
                <li>测试数据啦啦啦<span id='num'>100</span></li>
                <li>测试数据啦啦啦<span id='num'>100</span></li>
                <li>测试数据啦啦啦<span id='num'>100</span></li>
                <li>测试数据啦啦啦<span id='num'>100</span></li>
            </ul>
        </div>
        
        <div id="rank_publications">
        	<div id='box_title'>&nbsp;&nbsp;&nbsp;刊物TOP10<span id="more">More</span></div>
            <ul>
            	<li>测试数据啦啦啦<span id='num'>100</span></li>
                <li>测试数据啦啦啦<span id='num'>100</span></li>
                <li>测试数据啦啦啦<span id='num'>100</span></li>
                <li>测试数据啦啦啦<span id='num'>100</span></li>
                <li>测试数据啦啦啦<span id='num'>100</span></li>
                <li>测试数据啦啦啦<span id='num'>100</span></li>
                <li>测试数据啦啦啦<span id='num'>100</span></li>
                <li>测试数据啦啦啦<span id='num'>100</span></li>
                <li>测试数据啦啦啦<span id='num'>100</span></li>
                <li>测试数据啦啦啦<span id='num'>100</span></li>
            </ul>
        </div>
        
        <div id="rank_events">
        	<div id='box_title'>&nbsp;&nbsp;&nbsp;专家TOP10<span id="more">More</span></div>
            <ul>
            	<li>测试数据啦啦啦<span id='num'>100</span></li>
                <li>测试数据啦啦啦<span id='num'>100</span></li>
                <li>测试数据啦啦啦<span id='num'>100</span></li>
                <li>测试数据啦啦啦<span id='num'>100</span></li>
                <li>测试数据啦啦啦<span id='num'>100</span></li>
                <li>测试数据啦啦啦<span id='num'>100</span></li>
                <li>测试数据啦啦啦<span id='num'>100</span></li>
                <li>测试数据啦啦啦<span id='num'>100</span></li>
                <li>测试数据啦啦啦<span id='num'>100</span></li>
                <li>测试数据啦啦啦<span id='num'>100</span></li>
            </ul>
        </div>
        
        <div id="rank_comments">
        	<div id='box_title'>&nbsp;&nbsp;&nbsp;网站留言<span id="more">More</span></div>
            <ul>
            	<li>测试数据啦啦啦</li>
                <li>测试数据啦啦啦</li>
                <li>测试数据啦啦啦</li>
                <li>测试数据啦啦啦</li>
                <li>测试数据啦啦啦</li>
                <li>测试数据啦啦啦</li>
            </ul>
        </div>
    </div>
</div>

<div id="my_footer">
	<br />Copyright @ 2008-2016 Quickknowledge.COM 重邮10级007小组 版权所有 未经许可 请勿转载
</div>

<div id="online_qq_layer">
	<div id="online_qq_tab">
		<div class="online_icon">
			<a title id="floatShow" style="display: block;" href="javascript:void(0);">&nbsp;</a>
			<a title id="floatHide" style="display: none;" href="javascript:void(0);">&nbsp;</a>
		</div>
		<!--online_icon end--></div>
	<div id="onlineService">
		<div class="online_windows overz">
			<div class="online_w_top">
			</div>
			<!--online_w_top end-->
			<div class="online_w_c overz">
				<div class="online_bar expand" id="onlineSort1">
					<h2><a onclick="changeOnline(1)">注册登录</a></h2>
					<div class="online_content overz" id="onlineType1">
						<ul class="overz">
                        	<li style="text-align:left">用户名：</li>
							<li><input type="text" align="left"/></li>
                            <li style="text-align:left">密&nbsp;&nbsp;码:</li>
							<li><input type="password" align="left"/></li>
                            <li><a href="#" id="search_button" style="width:90px;">登录</a></li>
                            <li><a href="#" id="search_button" style="width:90px;">注册</a></li>
						</ul>
					</div>
					<!--online_content end--></div>
			<!--online_w_bottom end--></div>
            <div class="online_w_bottom"></div>
		<!--online_windows end--></div>
</div>
</body>
</html>
